<script setup lang="ts"></script>

<template>
  <div class="relative size-full">
    <!-- output -->
    <div class="size-full"></div>
    <!-- input -->
    <div class="absolute bottom-0 left-0 w-full bg-transparent">
      <!-- config -->
      <div></div>
      <div class="w-full">
        <!-- image show -->
        <div></div>
        <div class="flex flex-row items-end w-full h-[3.25rem] bg-inverse-on-surface">
          <!-- add image -->
          <div></div>
          <!-- prompt -->
          <div></div>
          <!-- random prompt -->
          <div></div>
          <!-- show config -->
          <div></div>
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="ts" scoped></style>
